<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		
		<title>勤学网-管理员登录</title>
	
		<style type="text/css">
			a {
				text-decoration: none;
				color: black;
			}
			
			* {
				margin: 0px;
				padding: 0px;
			}
			
			.head {
				width: 100%;
				height: 80px;
				background-color: #292525;
			}
			
			.head #qx {
				margin-left: 650px;
			}
			
			.main {
				height: 600px;
				background-color: beige;
			}
			
			.m-m {
				width: 878px;
				height: 600px;
				margin-left: 250px;
				background:url("img/wallhaven-634613.jpg");
				no-repeat;
				
			}
			
			.m-h {
				/*margin-top:150px ;*/
				padding-top: 90px;
				margin-left: 420px;
				width:450px;
				text-shadow: 5px 5px 5px #D1DBE5;
			}
			
			.m-name {
				float: left;
				margin-top: 70px;
				margin-left: 270px;
			}
			
			.col-name {
				float: left;
				margin-top: 70px;
				margin-left: 30px;
			}
			
			#txtName {
				border-radius: 10px;
				height: 40px;
				width: 300px;
			}
			
			.m-psw {
				float: left;
				margin-top: 40px;
				margin-left: 300px;
			}
			
			.col-psw {
				float: left;
				margin-top: 40px;
				margin-left: 73px;
			}
			
			#txtPsw {
				border-radius: 10px;
				height: 40px;
				width: 300px;
			}
			
			.m-d button {
				background-color:#9AD8BF;
				border: none;
				text-align: center;
				padding: 15px 32px;
				border-radius: 15px;
			}
			
			.m-d button:hover {
				background-color: #A9A9A9;
				color: white;
			}
			
			.m-d {
				margin-top: 250px;
				margin-left: 330px;
			}
			
			.m-d-1 {
				float: left;
				
			}
			
			.m-d-2 {
				float: left;
				margin-left: 140px;
			}
			.bottom01 {
				width: 100%;
				height: 330px;
				background-color: #292525;
			}
			#boo1 {
				float: left;
				width: 280px;
				height: 180px;
				margin-left: 30px;
				padding-top: 60px;
				padding-left: 10px;
				line-height: 30px;
			}
			
			#boo1 li {
				padding-bottom: 20px;
				width: 130px;
				height: 20px;
				color: white;
				font-style: oblique;
			}
			
			#boo2 {
				float: left;
				width: 280px;
				height: 180px;
				margin-left: 10px;
				padding-top: 60px;
				padding-left: 10px;
				line-height: 30px;
			}
			
			#boo2 li {
				padding-bottom: 20px;
				width: 130px;
				height: 20px;
				color: white;
				font-style: oblique;
			}
			
			#boo3 {
				float: left;
				width: 280px;
				height: 180px;
				margin-left: 10px;
				padding-top: 60px;
				padding-left: 10px;
				line-height: 30px;
			}
			
			#boo3 li {
				padding-bottom: 20px;
				width: 130px;
				height: 20px;
				color: white;
				font-style: oblique;
			}
			
			#boo4 {
				float: left;
				width: 280px;
				height: 180px;
				margin-left: 10px;
				padding-top: 60px;
				padding-left: 10px;
				line-height: 30px;
			}
			
			#boo4 li {
				padding-bottom: 20px;
				width: 130px;
				height: 20px;
				color: white;
				font-style: oblique;
			}
			
			#boo5 {
				float: left;
				width: 160px;
				height: 180px;
				margin: 10px 50px 10px;
				padding-top: 60px;
				padding-left: 10px;
			}
			
			#boo5 li {
				padding-bottom: 20px;
				width: 200px;
				height: 40px;
			}
			
			#bottom02 {
				width: 100%;
				height: 60px;
				background-color: #323436;
			}
			
			#drop01 {
				float: left;
				padding: 15px 50px;
			}
			
			#drop02 {
				width: 100px;
				height: 20px;
				padding: 10px;
				float: right;
				line-height: 20px;
				margin: 0px 2px;
				text-align: center;
			}
			
			#drop03 {
				width: 100px;
				height: 20px;
				float: right;
				padding: 20px;
				margin: 0px 80px 0px 2px;
				font-family: "bradley hand itc";
			}
			.bottom01 a{
				color: white;
			}
			.bottom01 a:hover{
				color: darkgreen;
			}
			#divf{
	margin: auto;
	padding-left: 35%;
	
	}
	
			
			
			
		</style>
	</head>

	<body>
	<form class="form-horizontal" action="MHomeAction" method="post">
		<div>
		
			<div class="head">
				<div id="qx">
					<a href="#"><img src="img/qx.png" /> </a>
				</div>
			</div>
			<div class="main">
				<div id="divf" class="m-m">
					<div class="m-h">
						<font size="6.5" color="darkslateblue" face="隶书">管理员登录</font>
					</div>
					<div class="m-name">
						<font size="4" color="black">管理员账户名</font>
					</div>
					<div class="col-name">
						<input type="text" id="txtName" name="admin_name" placeholder="请输入管理员账户名">
					</div>
					<div class="m-psw">
						<font size="4" color="black">密码</font>
					</div>
					<div class="col-psw">
						<input type="password" id="txtPsw" name="admin_psw" placeholder="请输入密码">
					</div>
					<div class="m-d">
						<div class="m-d-1">
							<button type="submit" class="btn1">登录</button>
						</div>
						<div class="m-d-2">
							<button type="reset" class="btn2">重置</button>
						</div>
					</div>
				</div>
			</div>
			<div class="end">
				<div class="bottom01">
					<div id="boo1">
						<ul>
							<li>新手指南</li>
							<li>
								<a href="#">>注册成为会员</a>
							</li>
							<li>
								<a href="#">>如何购买课程</a>
							</li>
							<li>
								<a href="#">>支付方式</a>
							</li>
							<li>
								<a href="#">>帮助中心</a>
							</li>
						</ul>
					</div>
					<div id="boo2">
						<ul>
							<li>关于我们</li>
							<li>
								<a href="#">>诚招英才</a>
							</li>
							<li>
								<a href="#">>联系我们</a>
							</li>
							<li>
								<a href="#">>意见反馈</a>
							</li>
							<li>
								<a href="#">>网站地图</a>
							</li>
							<li>
								<a href="#">>版权声明</a>
							</li>
						</ul>
					</div>
					<div id="boo3">
						<ul>
							<li>老师招募</li>
							<li>
								<a href="#">>申请成为老师</a>
							</li>
							<li>
								<a href="#">>我是老师</a>
							</li>
							<li>
								<a href="#">>师资团队</a>
							</li>
						</ul>
					</div>
					<div id="boo4">
						<ul>
							<li>合作加盟</li>
							<li>
								<a href="#">>推广加盟</a>
							</li>
							<li>
								<a href="#">>学习卡代理</a>
							</li>
							<li>
								<a href="#">>批量购买</a>
							</li>
						</ul>
					</div>
					<div id="boo5">
						<ul>
							<li><img src="img/qq.JPG"></li>
							<li>
								<font size="3" color="gainsboro">联系电话</font><br>
								<font size="5" color="orange">400-820-8820</font>
							</li>
							<li>
								<font size="3" color="gainsboro">联系邮箱</font>
								<br>
								<font size="4" color="gainsboro">forg@132.com</font>
							</li>
						</ul>
					</div>
				</div>
				<div id="bottom02">
					<div id="drop01">
						<font size="2" color="darkgrey">呱呱呱大青蛙文化传播有限公司</font>
					</div>
					<div id="drop03">
						<font size="2" color="darkgrey">
							勤&nbsp;学&nbsp;善&nbsp;思&nbsp;&nbsp;学&nbsp;以&nbsp;致&nbsp;用
						</font>
					</div>
					<div id="drop02">
						<font size="3" color="darkgrey">
							勤学网
						</font>
						<br>
						<b>
						<font size="1" color="#8C8C8C">
							qinxue.com
						</font>
					</b>

					</div>
				</div>
			</div>
			</div>
			</form>
	</body>

</html>